
<template>
  <div>
    <router-link to="/home">
        todoList练习
    </router-link>|
        <router-link to="/play">
         nextTick和privide/inject
    </router-link>|
       <router-link to="/cart">
        toRef和toRef
    </router-link>|
    <router-link to="/mine">
        useAttrs等
    </router-link>|
      <router-link to="/cate">
        vue3 全局方法
    </router-link>|
    <router-link to="/jinsi">
        vue3 的非语法糖写法
    </router-link>
  </div>
  <router-view></router-view>
</template>
<script setup>

</script>

<style scoped>
.router-link-active{
  color:red;
}
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
